.collapse-transition {
  transition: @transition-time height ease-in-out, @transition-time padding-top ease-in-out, @transition-time padding-bottom ease-in-out;
}



// 弹框效果
.fade-enter-active,
.fade-leave-active {
  transition: 0.3s all ease;
}

.fade-enter,
.fade-leave-active {
  opacity: 1;
  transform: translateY(100%);
}

.fade1-enter-active,
.fade1-leave-active {
  transition: opacity 0.3s;
}

.fade1-enter,
.fade1-leave-active {
  opacity: 0;
}

// 
.fadecode-enter-active,
.fade-leave-active {
  transition: 0.3s all ease;
}

.fadecode-enter,
.fade-leave-active {
  opacity: 0;
}

.fade1-enter-active,
.fade1-leave-active {
  transition: opacity .3s
}

.fade1-enter,
.fade1-leave-active {
  opacity: 0
}

// 居中弹窗
.fadecenter-enter-active,
.fadecenter-leave-active {
  transition: 0.3s all ease;
}

.fadecenter-enter,
.fadecenter-leave-active {
  opacity: 0;
}

.fadecenter1-enter-active,
.fadecenter1-leave-active {
  transition: opacity .3s
}

.fadecenter1-enter,
.fadecenter1-leave-active {
  opacity: 0
}